<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
<title>APP下载</title>
<link rel="stylesheet" type="text/css" href="../css/aui-flex.css" />
<link rel="stylesheet" type="text/css" href="../css/aui.css" />
<link rel="stylesheet" type="text/css" href="../css/common.css" />
<style>
.box{
	margin-top: 1.3rem;
	font-size: 0.7rem;
	color: #000;
	text-align: center;
}
.box img{
	height: 2.4rem;
	margin: 0 auto;
}
.box .name{
	padding: 0.5rem 0 0.9rem;
	color: #363335;
}
.bg{
	position: absolute;
	height: 100%;
	width: 100%;
	background: url('../image/demo/login_bg2.png') no-repeat;
	background-size: 100% auto;
}
.black{
	color: #000;
}
.font-size-36{
	font-size: 1.3rem;
	color: #000;
	font-weight: bold;
}
.tit1{
	color: #363335;
	padding: 1.6rem 0 1.2rem;
}
.tit2{
	color: #363335;
	padding: 0.8rem 0 0.9rem;
}
.inpBox{
	/*width: 13.75rem;*/
	min-height: 2rem;
	opacity: 0.8;
	border-radius: 3rem;
	padding: 0 0.3rem;
	background-color: #fff;
	border: 1px solid #adadad;
}
.inpBox input{
	width: 60%;
	font-size: 0.7rem;
	height: 1.5rem;
}
.copyBtn{
	width: 3.4rem;
	height: 1.6rem;
	line-height: 1.6rem;
	border-radius: 0.8rem;
	color: #fff;
	background: linear-gradient(#FB7D83, #FDCFA6);
}
.aui-pl-50{
	padding: 0 2.5rem;
}
.downBtn{
	/*width: 3.4rem;*/
	height: 2rem;
	line-height: 2rem;
	border-radius: 1rem;
	color: #fff;
	background: linear-gradient(#E73450, #FA7D83);
}
.backFix{
	position: fixed;
	bottom: 5rem;
	right: 0;
	width: 2.1rem;
	height: 1.9rem;
	background: rgba(255, 255, 255, 0.5);
}
.backFix img{
	height: 1.9rem;
	width: 1.9rem;
}
</style>
</head>

<body class="bg">
	<div class="box">
		<div><img src="../image/demo/01.png" alt=""></div>
		<div class="name">KELLY 霏霏的推荐</div>
		<div class="black">邀请您使用</div>
		<div class="font-size-36">有蜜</div>
		<div class="aui-font-size-12">下载APP后，需要［邀请码］才能使用哟</div>
		<div class="aui-font-size-16 tit1">（点击 下载App, 您的手机将自动复制邀请码）</div>
		<div class="aui-pl-50">
			<div class="inpBox comFlexItem">
				<input type="text" class="color-000" value="2fg89" readonly="readonly">
				<div class="copyBtn">复制</div>
			</div>
		</div>
		<div class="tit2">（点击 下载App, 您的手机将自动复制邀请码）</div>
		<div class="aui-pl-50">
			<div class="comBtmBtn downBtn">点击下载App</div>
		</div>
		<div class="backFix"><img src="../image/common/wx_back3.png" alt=""></div>
	</div>
</body>
<script type="text/javascript" src="../script/import.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript">
    apiready = function() {
        api.parseTapmode();
    };
</script>
</html>
